
<!DOCTYPE HTML>

<html>

<head>
	<meta charset="utf-8">
	<title>在SimpleMaps上赢取3个终身证书（win 3 lifetime licenses at simplemaps） - 前端艺术</title>
	<meta name="author" content="Nicholas">

	
	<meta name="description" content="在SimpleMaps上赢取3个终身证书（win 3 Lifetime Licenses at Simplemaps） SimpleMaps.com将对任何独立的HTML5 maps提供三个终身证书(价格：$79到￥199）。如果你在工程里要使用到地图，那么这将是你的福音。 &hellip;">
	

  <!-- http://t.co/dKP3o1e -->
  <meta name="HandheldFriendly" content="True">
  <meta name="MobileOptimized" content="320">
  <meta name="viewport" content="width=device-width, initial-scale=1">

	<link href="/atom.xml" rel="alternate" title="前端艺术" type="application/atom+xml">
	
	<link rel="canonical" href="http://xiebaochun.github.io/blog/2013/10/15/win-3-lifetime-licenses-at-simplemaps/">
	<link href="/favicon.png" rel="shortcut icon">
	<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
	<link href="/stylesheets/font-awesome.min.css" media="screen, projection" rel="stylesheet" type="text/css">
	<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700' rel='stylesheet' type='text/css'>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<!--Fonts from Google"s Web font directory at http://google.com/webfonts -->
<link href="http://fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">

</head>


<body>
	<div class="container">
		<div class="left-col">
			<div class="intrude-less">
			<header id="header" class="inner"><div class="profilepic">
<!--the weather pugin-->
    <script defer src="http://julying.com/lab/weather/v3/jquery.weather.build.min.js?parentbox=body&moveArea=all&zIndex=1&move=1&drag=1&autoDrop=1&styleSize=big&style=_random&area=client&city=%E5%8C%97%E4%BA%AC"></script>
	<script src="/javascripts/md5.js"></script>
	<script type="text/javascript">
		$(function(){
			$('.profilepic').append("<img src='https://si0.twimg.com/profile_images/378800000316979686/061b0d73fe1b9cc3a643a68bcb077161.jpeg' alt='Profile Picture' style='width: 160px;' />");
		});
	</script>
</div>
<hgroup>
  <h1><a href="/">前端艺术</a></h1>
  
    <h2>one blog for games.</h2>
  
</hgroup>

<nav id="main-nav"><ul class="main-navigation">
  <li><a href="/">Home</a></li>
  <li><a href="/blog/archives">Archives</a></li>
  <li><a href="http://www.juerry.com/index.html">my lab</a></li>
</ul>


<section class="aboutme">
  <p>
    专注于移动开发
  </p>
</section>
</nav>
<nav id="sub-nav">
	<div class="social">
		
		
		
		<a class="twitter" href="http://twitter.com/xiebaochun" title="Twitter">Twitter</a>
		
		
		<a class="github" href="https://github.com/xiebaochun" title="GitHub">GitHub</a>
		
		
		
		
		
		
		
		
		<a class="rss" href="/atom.xml" title="RSS">RSS</a>
		
	</div>
</nav>
<section>
  <h1>Categories</h1>
    <ul id="category-list"><li><a href='/blog/categories/ios/'>ios (2)</a></li><li><a href='/blog/categories/other/'>other (14)</a></li><li><a href='/blog/categories/web/'>web (23)</a></li></ul>
</section>

</header>				
			</div>
		</div>	
		<div class="mid-col">
			
				
			
			<div class="mid-col-container">
				<div id="content" class="inner"><article class="post" itemscope itemtype="http://schema.org/BlogPosting">
	<h1 class="title" itemprop="name">在SimpleMaps上赢取3个终身证书（win 3 Lifetime Licenses at Simplemaps）</h1>
	<div class="entry-content" itemprop="articleBody"><p><img src="http://www.script-tutorials.com/demos/ga/simplemaps/simplemaps.png" alt="" /></p>

<p>SimpleMaps.com将对任何独立的HTML5 maps提供三个终身证书(价格：$79到￥199）。如果你在工程里要使用到地图，那么这将是你的福音。你可以通过编辑一个简单的文件来自定义地图。不需要任何HTML5,Flash，或者JavaScript的知识。一步一步参考文档让安装更加容易。而且它将使用与移动设备：HTML5地图在iphone,android,ipads和其他平板设备上都可以正常显示。此地图会自动检测移动设备并将导航调整为最佳布局。
<!--more-->
### 关于SimpleMaps ###</p>

<p><a href="http://simplemaps.com/">SimpleMaps</a>支持HTML5/JavaScript网站地图的交互。他们的Word和USA地图是他们最火的产品。这些地图很适合开发网站地图导航和可视化地理数据。SimpleMaps使用一个很直观的spreadsheet-based在线工具可以很简易快捷地进行自定义。此地图很灵活并且通过JavaScript API进行扩展。SimpleMaps在移动设备上的显示效果非常好并且完美支持低支持度的浏览器，如IE7和IE8。</p>

<h3 id="section">使用的例子：</h3>

<p><img src="http://www.script-tutorials.com/demos/ga/simplemaps/example1.png" alt="" /></p>

<h3 id="section-1">可视化国家区域</h3>

<p>此地图是一个理想的可视化全球数据的工具，你可能想可视化你公司的国家 级区域。他们的在线自定义工具可以让你在几分钟里将一个Excel文件转换成一个交互性中心或者热点地图。不需要任何技术知识。想学习如何创建上图所示的地图，请参考热点地图教程（heat map tutorial)。</p>

<p><img src="http://www.script-tutorials.com/demos/ga/simplemaps/example2.png" alt="" /></p>

<h3 id="html">HTML和图片提示描述</h3>

<p>此地图弹出的描述信息可接受HTML并且恨意使用css来编辑样式。这让地图变得很灵活、当用户的鼠标移动到某个区域时，你可以使其显示一个张关于此区域有关的信息图片。或者你可以使其显示显示每个国家的列表。首先通过定义一个空白地图，或者定义一个模板。</p>

<p><img src="http://www.script-tutorials.com/demos/ga/simplemaps/example3.png" alt="" /></p>

<h3 id="section-2">显示办公室或商店位置</h3>

<p>此地图让你很容易让用户找到附近的商店或者办公位置。当用户点击他们的省或者城市时，他们可以导航到你的网站的相关页面。使用在线编辑工具可以很容易自定义地图上的色彩和描述。请使用一个空白的地图或者自定义模板开始使用。</p>

<hr />

<h3 id="enter-to-win">Enter To Win(获取证书）</h3>
<p><a href="http://www.giveaway.ly/">http://www.giveaway.ly/</a></p>

<h3 id="section-3">注意：</h3>

<p>1.访问http://simplemapes.com/pricing,选择你需要获取的地图并在本文下面平回复你将如何在你的网站上使用它。请使用有效的名字和邮件地址来进行评论。</p>

<p>2.使用下面的平台分享giveaway，在文本的评论中提交你的分享地址。</p>

<p>获奖者将会在未来15天后公布(2013年，10月30日）</p>

<p>原文地址：<a href="http://www.script-tutorials.com/simplemaps-offer/">http://www.script-tutorials.com/simplemaps-offer/</a></p>

<p>请到原文地址进行操作！</p>
</div>

</article>

	<div class="share">
	<div class="addthis_toolbox addthis_default_style ">
	
	
	<a class="addthis_button_tweet"></a>
	
	
	
	<!-- JiaThis Button BEGIN -->
<div class="jiathis_style_32x32">
	<a class="jiathis_button_qzone"></a>
	<a class="jiathis_button_tsina"></a>
	<a class="jiathis_button_tqq"></a>
	<a class="jiathis_button_weixin"></a>
	<a class="jiathis_button_renren"></a>
	<a href="http://www.jiathis.com/share?uid=1838235" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
	<a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript">
var jiathis_config = {data_track_clickback:'true'};
</script>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1371541356556113" charset="utf-8"></script>
<!-- JiaThis Button END -->
<!-- UY BEGIN -->
<div id="uyan_frame"></div>
<script type="text/javascript" src="http://v2.uyan.cc/code/uyan.js?uid=1838235"></script>
<!-- UY END -->
	
	<a class="addthis_counter addthis_pill_style"></a>
	</div>
  <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid="></script>
</div>


</div>
			</div>
			<footer id="footer" class="inner"><p>
  Copyright &copy; 2014 - Nicholas -
  <span class="credit">Powered by <a href="http://octopress.org">Octopress</a></span>
</p>

Design credit: <a href="http://shashankmehta.in/archive/2012/greyshade.html">Shashank Mehta</a></footer>
			







  <script type="text/javascript">
    (function(){
      var twitterWidgets = document.createElement('script');
      twitterWidgets.type = 'text/javascript';
      twitterWidgets.async = true;
      twitterWidgets.src = '//platform.twitter.com/widgets.js';
      document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
    })();
  </script>





		</div>
	</div>
</body>
</html>
